﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head> 
<title>围小猫</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1" />

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="format-detection" content="telephone=no">

<!-- force webkit on 360 -->
<meta name="renderer" content="webkit" />
<meta name="force-rendering" content="webkit" />
<!-- force edge on IE -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="msapplication-tap-highlight" content="no">

<!-- force full screen on some browser -->
<meta name="full-screen" content="yes" />
<meta name="x5-fullscreen" content="true" />
<meta name="360-fullscreen" content="true" />

<!-- force screen orientation on some browser -->
<meta name="screen-orientation" content="" />
<meta name="x5-orientation" content="">

<!--fix fireball/issues/3568 -->
<!--<meta name="browsermode" content="application">-->
<meta name="x5-page-mode" content="app">

<style type="text/css">
BODY {
	MARGIN: 0px;
	FONT-FAMILY: Comic Sans MS;
}
.timeinfo {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px
}

#headinfo{
  width: 100%;
  MARGIN: 15px 0px 15px 0px;
}
</style> 
</head> 
<body> 

<div id="headinfo" align="center"> 
	<h3>点击小圆点</h3>
	<h3>围住这只小猫咪</h3>
</div> 

<div id="catch-the-cat" style="width: 100%;"></div> 

<div class="timeinfo" align="center" style="width: 100%;height: 120px;"> 
	<p id="time">您已耗时： 0 秒</p>
</div>  

<script src="js/phaser.min.js"></script> 
<script src="js/catch-the-cat.js"></script> 
<script>
var myVar = setInterval(myTimer, 1000);
var time = 0;
function myTimer() {
	time += 1;
	document.getElementById("time").innerHTML = "您已耗时： " + time + " 秒";
	
	var canvas = document.querySelector("canvas");
	canvas.style.width="100%";
	canvas.style.height="auto";
}
window.game = new CatchTheCatGame({
	w: 10,    // default: 11
	h: 20,    // default: 11
	r: 20,
	backgroundColor: 16777215,
	parent: "catch-the-cat",
	statusBarAlign: "center",
	credit: "围住这只小猫，别让它跑掉哦~"
})
</script> 

</body>
</html>